<template>
  <div class="container">
    <div class="gs">
      <section class="jzsbannerimg bannerimg">
      </section>
      <section class="jzstj af">
        <div class="jztj">
          <h3>建筑人才招聘，待遇从优</h3>
          <p class="p1">
            <input placeholder="职称或证书名称" type="text" v-model="xiangqingms"/>
          </p>
          <p class="p2">
            <input placeholder="您的名字" id="name" v-model="username" type="text"/>
          </p>
          <p class="p3">
            <input placeholder="电话" id="iphone" v-model="telphone" type="text"/>
          </p>
          <a href="javascript:;" @click="tjbd()">立即提交</a>
        </div>
      </section>
      <section class="zpjzgj">
      </section>
      <section class="jzzp2">
        <h3>高薪招聘各类建筑人才</h3>
        <p class="p1">RECRUITMENT OF ARCHITECTURAL TALENTS WITH HIGH SALARIES</p>
        <div class="ct af">
          <div class="left">
            <h4>高薪招聘<br/>等你来挑战</h4>
          </div>
          <ul class="rt">
            <li class="li1">
              <h5>建造师专业</h5>
              <ul>
                <li><span></span>建筑工程</li>
                <li><span></span>水利水电</li>
                <li><span></span>工程公路工程</li>
                <li><span></span>机电工程</li>
                <li><span></span>市政工程</li>
                <li><span></span>矿业工程</li>
                <li><span></span>港口与航道</li>
                <li><span></span>民航工程</li>
                <li><span></span>通信与广电</li>
                <li><span></span>铁路工程</li>
              </ul>
            </li>
            <li class="li2">
              <h5>建筑8大员</h5>
              <ul>
                <li><span></span>资料员</li>
                <li><span></span>施工员</li>
                <li><span></span>安全员</li>
                <li><span></span>质量员</li>
                <li><span></span>材料员</li>
                <li><span></span>劳务员</li>
                <li><span></span>测量员</li>
                <li><span></span>机械员</li>
              </ul>
            </li>
            <li class="li3">
              <h5>注册工程师</h5>
              <ul>
                <li><span></span>电气工程师</li>
                <li><span></span>造价工程师 </li>
                <li><span></span>监理工程师</li>
                <li><span></span>土木工程师</li>
                <li><span></span>结构工程师</li>
                <li><span></span>注册咨询师</li>
                <li><span></span>消防工程师</li>
                <li><span></span>建筑师</li>
                <li><span></span>安全工程师</li>
                <li class="lt"><span></span>公用设备工程师</li>
              </ul>
            </li>
            <li class="li4">
              <h5>建筑职称</h5>
              <ul>
                <li><span></span>建筑工程专业</li>
                <li><span></span>市政园林专业</li>
                <li><span></span>公路工程专业</li>
                <li><span></span>机械机电专业</li>
                <li><span></span>造价工程专业</li>
                <li><span></span>土木工程专业</li>
                <li><span></span>结构工程专业</li>
                <li><span></span>建筑设计专业</li>
                <li><span></span>计算机类专业</li>
                <li><span></span>公用设备专业</li>
                <li><span></span>经济类专业</li>
              </ul>
            </li>
            <li class="li5">
              <h5>其他</h5>
              <ul>
                <li><span></span>城市规划师</li>
                <li><span></span>化工工程师</li>
                <li><span></span>园林工程师</li>
                <li><span></span>环评工程师</li>
                <li><span></span>房地产估价师</li>
                <li><span></span>环境监理师</li>
                <li><span></span>计量工程师</li>
                <li><span></span>房地产经纪人</li>
                <li><span></span>注册冶金</li>
                <li><span></span>注册核安全</li>
                <li><span></span>投资分析师</li>
                <li><span></span>注册测绘师</li>
                <li><span></span>测量工程师</li>
                <li><span></span>招标师</li>
                <li><span></span>注册税务师</li>
                <li><span></span>注册会计师</li>
                <li><span></span>环保工程师</li>
                <li><span></span>土地估价师</li>
                <li><span></span>安全工程师</li>
                <li><span></span>安全评价师</li>
                <li><span></span>设备监理师</li>
                <li><span></span>质量工程师</li>
                <li><span></span>经济师</li>
                <li><span></span>物业管理师</li>
                <li><span></span>资产评估师</li>
                <li><span></span>概预算工程师</li>
                <li><span></span>人力资源管理师</li>
                <li><span></span>注册消防工程师</li>
                <li class="lt"><span></span>人防防护防化工程师</li>
              </ul>
            </li>

          </ul>
        </div>
      </section>
      <section class="jzs3">
        <ul>
          <li><img src="~/assets/img/jzs31.png">
            <div>
              <h5>高额年薪</h5>
              <p class="p1">HIGH ANNUAL SALARY</p>
              <p class="p2">高额年薪就等你来<br/>建筑人才招募中</p>
            </div>
          </li>
          <li><img src="~/assets/img/jzs32.png">
            <div>
              <h5>晋升机会</h5>
              <p class="p1">PROMOTION OPPORTUNITIES</p>
              <p class="p2">建筑人才招聘<br/>更多的晋升机会</p>
            </div>
          </li>
          <li><img src="~/assets/img/jzs33.png">
            <div>
              <h5>技能提升</h5>
              <p class="p1">STRONG PROFESSIONALISM</p>
              <p class="p2">专业团队<br/>与您一起提升专业技能</p>
            </div>
          </li>
          <li><img src="~/assets/img/jzs34.png">
            <div>
              <h5>政策解读</h5>
              <p class="p1">POLICY INTERPRETATION</p>
              <p class="p2">掌握国家政策<br/>我们足够专业</p>
            </div>
          </li>
          <li><img src="~/assets/img/jzs35.png">
            <div>
              <h5>专业服务</h5>
              <p class="p1">PROFESSIONAL SERVICES</p>
              <p class="p2">全方位服务 收费透明 价格优惠<br/>我们为您量身定做财税解决方案</p>
            </div>
          </li>
        </ul>

      </section>
      <section class="cssc2">
        <h3>我们的团队</h3>
        <p class="xq">OUR TEAM</p>
        <ul class="af">
          <li  v-for="(gj,gji) in title.gj" :class="['li'+(gji+1),(gji+1)%5==0?'last':'']" :key="gji">
            <div class="nm" :style="{background:'url('+'https://exam.zhonghaiqihang.com'+gj.specialavatarone+') no-repeat'}">
              <h4>{{gj.username}}</h4>
              <p>{{gjname[gji]}}</p>
            </div>
            <div class="hover af">
              <img :src="'https://exam.zhonghaiqihang.com'+gj.specialavatartwo" width="157" height="158">
              <div>
                <p class="p1">{{gj.username}}  <span>{{title.zym.label}}</span></p>
                <p class="p2">电话： <span>{{gj.mobile}}</span></p>
                <p class="p3">擅长: {{gj.major}}</p>
                <a :href="gj.cclink" class="zx" target="_blank">在线咨询</a>
              </div>
            </div>
          </li>
        </ul>
      </section>
      <section class="jzs5">
        <h3>热门简历</h3>
        <p class="p1">HOT RESUME</p>
        <ul class="nav">
          <li v-for="(data,id) in jianlis" :key="id" :class="['li'+(id+1),id==jianli?'select':'']" @mouseover="jianli = id">{{data}}</li>
        </ul>
        <ul class="ct">
          <li v-for="(data,id) in jlct[jianli]">
            <div class="top">
              <img src="~/assets/img/jzs51.png" :style="data.xb == 1?'':'display:none'">
              <img src="~/assets/img/jzs52.png" :style="data.xb == 1?'display:none':''">
              <div>
                <p class="pp1">{{data.p1}}</p>
                <p class="pp2">北京<span>{{data.tm}}</span></p>
              </div>
            </div>
            <div class="bt">
              <p class="pp2">{{data.h2}}</p>
              <p class="pp3">{{data.p2}}<span>{{data.p3}}</span></p>
            </div>
          </li>
        </ul>
      </section>
      <section class="jzs4">
        <h3>热门职位</h3>
        <p class="p1">HOT RESUME</p>
        <div class="ct af">
          <div class="lf">
            <h4>高薪招聘<br/>热门职位展示</h4>

          </div>
          <ul class="rt">
            <li>
              <p class="p2">一级建造师 公路工程</p>
              <p class="p3"><span>北京 大专 不限</span><em>2019/9/19</em></p>
            </li>
            <li>
              <p class="p2">一级建造师 建筑工程</p>
              <p class="p3"><span>江苏南京 大专 不限</span><em>2019/9/19</em></p>
            </li>
            <li>
              <p class="p2">一级建造师 机电工程</p>
              <p class="p3"><span>天津 大专 不限</span><em>2019/9/19</em></p>
            </li>
            <li>
              <p class="p2">一级建造师 建筑工程</p>
              <p class="p3"><span>北京 大专 不限</span><em>2019/9/19</em></p>
            </li>
            <li>
              <p class="p2">一级建造师 市政公用工程</p>
              <p class="p3"><span>江苏南京 大专 不限</span><em>2019/9/19</em></p>
            </li>
            <li>
              <p class="p2">一级建造师 铁路工程</p>
              <p class="p3"><span>江苏南京 大专 不限</span><em>2019/9/19</em></p>
            </li>
            <li>
              <p class="p2">一级建造师 公路工程</p>
              <p class="p3"><span>江苏南京 大专 不限</span><em>2019/9/19</em></p>
            </li>
            <li>
              <p class="p2">一级建造师 公路工程</p>
              <p class="p3"><span>河北秦皇岛 大专 不限 </span><em>2019/9/19</em></p>
            </li>
            <li>
              <p class="p2">一级建造师 建筑工程</p>
              <p class="p3"><span>山东烟台 大专 不限 </span><em>2019/9/19</em></p>
            </li>
          </ul>
        </div>

      </section>
      <section class="jzs6">
        <h3>热门话题</h3>
        <p class="p1">HOT ISSUE</p>
        <div class="ct">
          <ul class="top">
            <li v-for="(data,id) in huatis" :key="id" :class="id==huati?'select':''" @mouseover="huati = id">{{data}}</li>
          </ul>
          <div class="btct" :style="huati==0?'display:flex':'display:none'">
            <ul class="lf" >
              <li v-for="(data,id) in title.huatict[0].slice(0,3)" :key="0" :class="id==0?'select':''" @click="tzym(data.id)">
                <div class="nomal">
                  <p class="p1">{{data.summary}}</p>
                  <p class="p2">{{data.createtime}}</p>
                </div>
                <div class="hover">
                  <img :src="'https://exam.zhonghaiqihang.com'+data.image" width="156" height="97">
                  <div>
                    <p class="w1">{{data.title}}</p>
                    <p class="w2">{{data.createtime}}</p>
                    <p class="w3">{{data.summary}}</p>
                    <p class="jt"></p>
                  </div>
                </div>
              </li>
            </ul>
            <ul class="lf">
              <li v-for="(data,id) in title.huatict[0].slice(3,6)" :key="0" :class="id==0?'select':''"  @click="tzym(data.id)">
                <div class="nomal">
                  <p class="p1">{{data.summary}}</p>
                  <p class="p2">{{data.createtime}}</p>
                </div>
                <div class="hover">
                  <img :src="'https://exam.zhonghaiqihang.com'+data.image" width="156px" height="97">
                  <div>
                    <p class="w1">{{data.title}}</p>
                    <p class="w2">{{data.createtime}}</p>
                    <p class="w3">{{data.summary}}</p>
                    <p class="jt"></p>
                  </div>
                </div>
              </li>
            </ul>
          </div>
          <div class="btct" :style="huati==1?'display:flex':'display:none'">
            <ul class="lf" >
              <li v-for="(data,id) in title.huatict[1].slice(0,3)" :key="0" :class="id==0?'select':''"  @click="tzym(data.id)">
                <div class="nomal">
                  <p class="p1">{{data.summary}}</p>
                  <p class="p2">{{data.createtime}}</p>
                </div>
                <div class="hover">
                  <img :src="'https://exam.zhonghaiqihang.com'+data.image" width="156" height="97">
                  <div>
                    <p class="w1">{{data.title}}</p>
                    <p class="w2">{{data.createtime}}</p>
                    <p class="w3">{{data.summary}}</p>
                    <p class="jt"></p>
                  </div>
                </div>
              </li>
            </ul>
            <ul class="lf">
              <li v-for="(data,id) in title.huatict[1].slice(3,6)" :key="0" :class="id==0?'select':''"  @click="tzym(data.id)">
                <div class="nomal">
                  <p class="p1">{{data.summary}}</p>
                  <p class="p2">{{data.createtime}}</p>
                </div>
                <div class="hover">
                  <img :src="'https://exam.zhonghaiqihang.com'+data.image" width="156px" height="97">
                  <div>
                    <p class="w1">{{data.title}}</p>
                    <p class="w2">{{data.createtime}}</p>
                    <p class="w3">{{data.summary}}</p>
                    <p class="jt"></p>
                  </div>
                </div>
              </li>
            </ul>
          </div>
          <div class="btct" :style="huati==2?'display:flex':'display:none'">
            <ul class="lf" >
              <li v-for="(data,id) in title.huatict[2].slice(0,3)" :key="0" :class="id==0?'select':''"  @click="tzym(data.id)">
                <div class="nomal">
                  <p class="p1">{{data.summary}}</p>
                  <p class="p2">{{data.createtime}}</p>
                </div>
                <div class="hover">
                  <img :src="'https://exam.zhonghaiqihang.com'+data.image" width="156" height="97">
                  <div>
                    <p class="w1">{{data.title}}</p>
                    <p class="w2">{{data.createtime}}</p>
                    <p class="w3">{{data.summary}}</p>
                    <p class="jt"></p>
                  </div>
                </div>
              </li>
            </ul>
            <ul class="lf">
              <li v-for="(data,id) in title.huatict[2].slice(3,6)" :key="0" :class="id==0?'select':''"  @click="tzym(data.id)">
                <div class="nomal">
                  <p class="p1">{{data.summary}}</p>
                  <p class="p2">{{data.createtime}}</p>
                </div>
                <div class="hover">
                  <img :src="'https://exam.zhonghaiqihang.com'+data.image" width="156px" height="97">
                  <div>
                    <p class="w1">{{data.title}}</p>
                    <p class="w2">{{data.createtime}}</p>
                    <p class="w3">{{data.summary}}</p>
                    <p class="jt"></p>
                  </div>
                </div>
              </li>
            </ul>
          </div>
          <div class="btct" :style="huati==3?'display:flex':'display:none'">
            <ul class="lf" >
              <li v-for="(data,id) in title.huatict[3].slice(0,3)" :key="0" :class="id==0?'select':''"  @click="tzym(data.id)">
                <div class="nomal">
                  <p class="p1">{{data.summary}}</p>
                  <p class="p2">{{data.createtime}}</p>
                </div>
                <div class="hover">
                  <img :src="'https://exam.zhonghaiqihang.com'+data.image" width="156" height="97">
                  <div>
                    <p class="w1">{{data.title}}</p>
                    <p class="w2">{{data.createtime}}</p>
                    <p class="w3">{{data.summary}}</p>
                    <p class="jt"></p>
                  </div>
                </div>
              </li>
            </ul>
            <ul class="lf">
              <li v-for="(data,id) in title.huatict[3].slice(3,6)" :key="0" :class="id==0?'select':''"  @click="tzym(data.id)">
                <div class="nomal">
                  <p class="p1">{{data.summary}}</p>
                  <p class="p2">{{data.createtime}}</p>
                </div>
                <div class="hover">
                  <img :src="'https://exam.zhonghaiqihang.com'+data.image" width="156px" height="97">
                  <div>
                    <p class="w1">{{data.title}}</p>
                    <p class="w2">{{data.createtime}}</p>
                    <p class="w3">{{data.summary}}</p>
                    <p class="jt"></p>
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </section>
      <my-heart></my-heart>
    </div>
    <my-ft></my-ft>
    <div class="bdtjtc2">
      <span>×</span>
      {{tcmsg}}
    </div>
  </div>
</template>

<script>
  import axios from 'axios';
  import $ from 'jquery';
  export default {
    name: 'HelloWorld',
    data () {
      return {
        selenv:false,
        title:null,
        yqljData:null,
        dlzt:'',
        jlct:[[
          {p1:'李工',tm:'[2019-12-8]',h2:'一级建造师-建筑工程',p2:'面议',p3:'闲置中',xb:1},
          {p1:'宋工',tm:'[2019-12-8]',h2:'一级建造师-市政公用',p2:'面议',p3:'闲置中',xb:0},
          {p1:'刘工',tm:'[2019-12-7]',h2:'一级建造师-矿业工程',p2:'面议',p3:'闲置中',xb:1},
          {p1:'张工',tm:'[2019-12-7]',h2:'一级建造师-机电工程',p2:'面议',p3:'闲置中',xb:1},
          {p1:'周工',tm:'[2019-12-7]',h2:'一级建造师-建筑工程',p2:'面议',p3:'闲置中',xb:1},
          {p1:'钱工',tm:'[2019-12-7]',h2:'一级建造师-建筑工程',p2:'面议',p3:'闲置中',xb:1}
        ],[
          {p1:'李工',tm:'[2019-12-8]',h2:'二级建造师-市政公用',p2:'面议',p3:'闲置中',xb:1},
          {p1:'梁工',tm:'[2019-12-8]',h2:'二级建造师-建筑工程',p2:'面议',p3:'闲置中',xb:1},
          {p1:'王工',tm:'[2019-12-8]',h2:'二级建造师-机电工程',p2:'面议',p3:'闲置中',xb:0},
          {p1:'赵工',tm:'[2019-12-8]',h2:'二级建造师-市政公用',p2:'面议',p3:'闲置中',xb:0},
          {p1:'任工',tm:'[2019-12-8]',h2:'二级建造师-建筑公用',p2:'面议',p3:'闲置中',xb:1},
          {p1:'于工',tm:'[2019-12-8]',h2:'二级建造师-市政公用',p2:'面议',p3:'闲置中',xb:1}

        ],[
          {p1:'朱工',tm:'[2019-12-8]',h2:'监理工程师-水利部',p2:'面议',p3:'闲置中',xb:1},
          {p1:'王工',tm:'[2019-12-8]',h2:'监理工程师-建设部',p2:'面议',p3:'闲置中',xb:1},
          {p1:'余工',tm:'[2019-12-8]',h2:'监理工程师-建设部',p2:'面议',p3:'闲置中',xb:1},
          {p1:'李工',tm:'[2019-12-8]',h2:'监理工程师-建设部',p2:'面议',p3:'闲置中',xb:0},
          {p1:'张工',tm:'[2019-12-8]',h2:'监理工程师-建设部',p2:'面议',p3:'闲置中',xb:1},
          {p1:'姜工',tm:'[2019-12-8]',h2:'监理工程师-建设部',p2:'面议',p3:'闲置中',xb:1}
        ],[
          {p1:'汪工',tm:'[2019-12-8]',h2:'造价工程师-建设部',p2:'面议',p3:'闲置中',xb:1},
          {p1:'杨工',tm:'[2019-12-7]',h2:'造价工程师-建设部',p2:'面议',p3:'闲置中',xb:1},
          {p1:'金工',tm:'[2019-12-7]',h2:'造价工程师-建设部',p2:'面议',p3:'闲置中',xb:1},
          {p1:'董工',tm:'[2019-12-7]',h2:'造价工程师-建设部',p2:'面议',p3:'闲置中',xb:1},
          {p1:'赵工',tm:'[2019-12-7]',h2:'造价工程师-建设部',p2:'面议',p3:'闲置中',xb:1},
          {p1:'刘工',tm:'[2019-12-7]',h2:'造价工程师-建设部',p2:'面议',p3:'闲置中',xb:1}
        ],[
          {p1:'罗工',tm:'[2019-12-8]',h2:'结构工程师-一级结构师',p2:'面议',p3:'闲置中',xb:1},
          {p1:'张工',tm:'[2019-12-8]',h2:'结构工程师-一级结构师',p2:'面议',p3:'闲置中',xb:1},
          {p1:'孟工',tm:'[2019-12-8]',h2:'结构工程师-一级结构师',p2:'面议',p3:'闲置中',xb:1},
          {p1:'李工',tm:'[2019-12-8]',h2:'结构工程师-一级结构师',p2:'面议',p3:'闲置中',xb:1},
          {p1:'唐工',tm:'[2019-12-8]',h2:'结构工程师-一级结构师',p2:'面议',p3:'闲置中',xb:1},
          {p1:'赵工',tm:'[2019-12-8]',h2:'结构工程师-一级结构师',p2:'面议',p3:'闲置中',xb:1}
        ],[
          {p1:'刘工',tm:'[2019-12-8]',h2:'注册建筑师-二级建筑师',p2:'面议',p3:'闲置中',xb:1},
          {p1:'王工',tm:'[2019-12-8]',h2:'注册建筑师-二级建筑师',p2:'面议',p3:'已考过未拿证',xb:1},
          {p1:'李工',tm:'[2019-12-8]',h2:'注册建筑师-一级建筑师',p2:'面议',p3:'闲置中',xb:1},
          {p1:'刘工',tm:'[2019-12-8]',h2:'注册建筑师-一级建筑师',p2:'面议',p3:'闲置中',xb:1},
          {p1:'张工',tm:'[2019-12-8]',h2:'注册建筑师-一级建筑师',p2:'面议',p3:'闲置中',xb:1},
          {p1:'黄工',tm:'[2019-12-8]',h2:'注册建筑师-一级建筑师',p2:'面议',p3:'闲置中',xb:1}
        ]],
        jianlis:['一级建造师','二级建造师','监理工程师','造价工程师','结构工程师','注册建筑师'],
        jianli:0,
        huatis:['政策解读','建筑资讯','建造师行情','建造师考试'],
        huati:0,
        username:'',
        tcmsg:'',
        xiangqingms:'',
        telphone:'',
        fuwu:1,
        sjsz:[],
        gjname:['经营资质顾问','经营资质顾问','经营资质顾问','财税记账顾问','财税记账顾问','经营资质顾问','经营资质顾问','经营资质顾问','经营资质顾问','财税记账顾问'],


      }
    },
    async asyncData ({ params }) {
    let nh = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Header/headerData`);
    let nh5 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Info/infoData`);
    let nh3 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Special/specialData`,{
      params:{
        serviceid:'44'
      }});
    let huaticts = [];
       huaticts[0] = nh5.data.info[1].info;
    huaticts[1] = nh5.data.info[3].info;
    huaticts[2] = nh5.data.info[4].info;
    huaticts[3] = nh5.data.info[5].info;

    let nh4 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Receptionist/receptionistData`);
    let data  = {nav:nh.data,zym:nh3.data,gj:nh4.data,info:nh5.data,huatict:huaticts};
    return { title: data}
  },
  mounted:function(){
    $('.tbnavajzs').addClass('select');
    var domain = window.location.href;
    let a = document.cookie;
    let cookie = '';
    if(a.indexOf('userinfoRes')!=-1){
      let b = a.split('userinfoRes=');
      let c = b[1].split(';');
      cookie = c[0];
    }
    this.dlzt = cookie;
    $(document).ready(
      $('.jzs6 .btct .lf li').hover(function(){
        $(this).siblings().removeClass('select');
        $(this).addClass('select');
        $('.tbnavajzs').addClass('select');
      })
    );

  },head() {
    return {
      title: this.title.zym.oneService.title,
      meta: [
        { hid: 'description', name: 'description', content: this.title.zym.oneService.descript },
        { hid: 'keywords', name: 'keywords', content:this.title.zym.oneService.keyword }
      ]
    }
  },methods:{
    xqymtz:function(e1,e2){
      let href = '/ServiceDetails/'+e1+'?name='+e2;
      window.open(href,'_blank');
    },
    tzym:function(e){
      let href = '/Details/'+e;
      window.open(href,'_blank');
    },
    tjbd:function(e){
      var _this = this;
      if(this.username =='' || this.telphone == ''){
        this.tcmsg = '信息填写不完整';
        $('.bdtjtc2').addClass('select');
        $('.bdtjtc2').fadeIn(0);
        $('.bdtjtc2').fadeOut(2500);
        return false;
      }
      //
      var regex= /^1[3|4|5|6|7|8|9][0-9]{9}$/;
      if(!regex.exec(this.telphone)){
        this.tcmsg = '手机号码格式错误';

        $('.bdtjtc2').addClass('select');
        $('.bdtjtc2').fadeIn(0);
        $('.bdtjtc2').fadeOut(2500);

        // $("#shouji2").focus();
        return false;
      }
      var sj;
      // if(this.$route.query.name){
        sj = 'username='+this.username+'&telphone='+this.telphone+'&content='+this.xiangqingms+'&serviceid='+327;
      // }else{
      //   sj = 'username='+this.username+'&telphone='+this.telphone+'&content='+this.xiangqingms+'&serviceid='+'';
      // }
      _this.$axios.post('/api'+'/PInterface/Form/formSubmitInterface',sj)
        .then(function(response){
          if(response.data == 'execute_success'){
            _this.tcmsg = '提交成功,稍后会有人员与你联系';
            $('.bdtjtc2').addClass('select');
            $('.bdtjtc2').fadeIn(0);
            $('.bdtjtc2').fadeOut(2500);
            _this.username = '';
            _this.telphone = '';
            _this.xiangqingms = '';
          } else if(response.data == 'telphone_is_null'){
            _this.tcmsg = '电话是空值';
            $('.bdtjtc2').addClass('select');
            $('.bdtjtc2').fadeIn(0);
            $('.bdtjtc2').fadeOut(2500);
          }else if(response.data == 'serviceid_error'){
            _this.tcmsg = '业务id错误';
            $('.bdtjtc2').addClass('select');
            $('.bdtjtc2').fadeIn(0);
            $('.bdtjtc2').fadeOut(2500);
          }else if(response.data == 'telphone_type_error'){
            _this.tcmsg = '电话类型错误';
            $('.bdtjtc2').addClass('select');
            $('.bdtjtc2').fadeIn(0);
            $('.bdtjtc2').fadeOut(2500);
          }else if(response.data == 'execute_error'){
            _this.tcmsg = '执行错误';
            $('.bdtjtc2').addClass('select');
            $('.bdtjtc2').fadeIn(0);
            $('.bdtjtc2').fadeOut(2500);
          }
        });
    }
  }
  }
</script>

<style>

</style>
